<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8" />
    <title>幼教通</title>
    <!-- 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 设置苹果工具栏颜色 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!-- 适应移动端end -->    
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/conter.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />

    <script type="text/javascript" src="js/TouchSlide.1.1.js"></script>

    <script type="text/javascript">
            TouchSlide({ 
                slideCell:"#focus",
                titCell:".hd ul",   //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell:".bd ul", 
                effect:"leftLoop", 
                autoPlay:true,//自动播放
                autoPage:true //自动分页
            });
    </script> 
</head>
<body>
  <div class="wrap">
    <header class="head">
            <a href="../../index.html">
              <div class="hea">
                  <span>返回</span>
              </div> 
            </a>
            <h1>幼教通</h1>
            <div class="Rbuttom">
                <div></div>
                <div></div>
                <div></div>
            </div> 
    </header>
<!-- 内容 -->
    <section>
        <!-- 搜索框 -->
      <div class='search'>
              <input type="text" />
              <span></span>

          <button>发布</button>
      </div>

        <div>
            <ul class="pointsBox">
              <li>
                <span class="icon2"> 
                    <div>10
                        <span class="month">月</span>
                    </div>
                    <div>21
                        <span class="month">日</span>
                    </div>
                </span>

                <span class="headline">购买圣诞节食品费用明细公开 
                </span>

                <span class="headline introduce">在圣诞前夕，家委会连同老师购买了一些食品，现将费用明细公开，望各位家长监督！ 1、苹果30个，每个孩子一个，共计60元；
                </span>
                    
                <span class="time">
                    李敏19:30
                    <input name="" type="button"  value="点击隐藏︿" id="btn" onclick="btn()" >
                </span>
              </li>
              <div id="box" style="display:none;">
                   <span>歌分情人全方位qfwq </span> 
              </div>               
          </ul>  
        </div>
    </section>
    </div>

<!-- 隐藏 -->
    <script type="text/javascript">
        var btn1=document.getElementById('btn');
        var box1=document.getElementById('box');
        function btn(){ 
            if(btn1.value=="点击隐藏︿")
                {box1.style.display='none';
                btn1.value="点击显示﹀";
            }else{box1.style.display='';
                btn1.value="点击隐藏︿";
        }
        }
</script>
</body>
</html>